/* 全局重置 */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: "Microsoft YaHei", sans-serif;
        }

   

        .page-wrapper {
            width: 100%;
            margin: 0 auto; /* 居中显示 */
        }

        /* 第一行：企业文化模块（50%分栏） */
        .culture-row {
           float:left; width:50%;
    
        }

        /* 第二行：发展历程模块（50%分栏） */
        .history-row {
           float:left; width:50%;
       
        }

        /* 图片容器 - 核心悬浮放大 */
        .img-container {
            width: 100%;
            height: 462px; /* 匹配示例高度，可调整 */
            overflow: hidden;
            position: relative;
            cursor: pointer;
        }

        /* 图片样式 - 全屏铺满容器 */
        .banner-img {
            width: 100%;
            height: 100%;
            object-fit: cover; /* 覆盖容器，保持比例 */
            transition: transform 0.6s ease-in-out; /* 平滑放大动画 */
        }

        /* 鼠标悬浮放大效果（放大1.1倍，可调整） */
        .img-container:hover .banner-img {
            transform: scale(1.1);
        }

        /* 文字内容容器（50%分栏） */
        .text-container {
            width: 100%;
            padding: 60px 80px; /* 匹配示例内边距 */
            display: flex;
            flex-direction: column;
            justify-content: center;
            background-color: #f8f9fa; /* 浅背景色，匹配示例 */
        }

        /* 标题样式 */
        .section-title {
            font-size: 32px;
            color: #333;
            margin-bottom: 30px;
            font-weight: 600;
        }

        /* 描述文字样式 */
        .desc-text {
            font-size: 18px;
            line-height: 2;
            color: #666;
            margin-bottom: 40px;
        }

        .desc-text p {
            margin-bottom: 12px;
        }

     
        /* 响应式适配（大屏到小屏） */
        

        /* 手机端（768px以下） */
        @media (max-width: 768px) {
            
                 /* 图片容器 - 核心悬浮放大 */
     
            
          .page-wrapper {
            width: 100%;
            margin: 0 auto; /* 居中显示 */
        }

        /* 第一行：企业文化模块（50%分栏） */
        .culture-row {
           float:left; width:100%;
    
        }

        /* 第二行：发展历程模块（50%分栏） */
        .history-row {
           float:left; width:100%;
       
        }

        /* 图片容器 - 核心悬浮放大 */
        .img-container {
            width: 100%;
            height: auto; /* 匹配示例高度，可调整 */
            overflow: hidden;
            position: relative;
            cursor: pointer;
        }

        /* 图片样式 - 全屏铺满容器 */
        .banner-img {
            width: 100%;
            height: 100%;
            object-fit: cover; /* 覆盖容器，保持比例 */
            transition: transform 0.6s ease-in-out; /* 平滑放大动画 */
        }

        /* 鼠标悬浮放大效果（放大1.1倍，可调整） */
        .img-container:hover .banner-img {
            transform: scale(1.1);
        }

        /* 文字内容容器（50%分栏） */
        .text-container {
            width: 100%;
            padding: 20px 20px; /* 匹配示例内边距 */
            display: flex;
            flex-direction: column;
            justify-content: center;
            background-color: #f8f9fa; /* 浅背景色，匹配示例 */
        }

        /* 标题样式 */
        .section-title {
            font-size: 32px;
            color: #333;
            margin-bottom: 30px;
            font-weight: 600;
        }

        /* 描述文字样式 */
        .desc-text {
            font-size: 18px;
            line-height: 2;
            color: #666;
            margin-bottom: 40px;
        }

        .desc-text p {
            margin-bottom: 12px;
        }

        /* 了解更多按钮（精准匹配示例样式） */
        .more-btn {
            display: inline-block;
            padding: 8px 35px;
            background-color: #168cff; /* 示例蓝色 */
            color: #ffffff;
            text-decoration: none;
            border-radius: 30px; /* 胶囊圆角 */
            font-size: 16px;
            transition: all 0.3s ease;
        }

        .more-btn:hover {
            background-color: #0066cc; /* 悬浮加深 */
            transform: translateY(-2px);
        }
            }
        }